<template>
  <div
    class="uni_ns_form wind_light"
    :id="uni_form_uni_comp_default_cla + id_split + 'style'"
    setting_key="style"
  >
    <!-- 用于 接收 节点 值 -->
    <keyVal_node
      :for_form="newFloat_settings_form"
      :id="unf_style_keyVal"
    ></keyVal_node>
    <span class="unf_tag_describe"> 样式 </span>
    <div class="unf_keyVal_o" id="unf_keyVal_o$style">
      <div class="radio_border">
        <input
          type="radio"
          id="keyVal_input$style1"
          name="unf_style"
          value="style1"
        /><label for="keyVal_input$style1">样式一</label>
      </div>

      <div class="radio_border">
        <input
          type="radio"
          id="keyVal_input$style2"
          name="unf_style"
          value="style2"
        /><label for="keyVal_input$style2">样式二</label>
      </div>

      <div class="radio_border">
        <input
          type="radio"
          id="keyVal_input$style3"
          name="unf_style"
          value="style3"
        /><label for="keyVal_input$style3">样式三</label>
      </div>

      <div class="radio_border">
        <input
          type="radio"
          id="keyVal_input$style4"
          name="unf_style"
          value="style4"
        /><label for="keyVal_input$style4">样式四</label>
      </div>
    </div>
  </div>
</template>

<script setup>
import { onMounted } from 'vue';
import './uni_ns_form_style.css';
import { init_unf_style } from './uni_ns_form_style';
import {
  newFloat_settings_form,
  uni_form_uni_comp_default_cla,
} from '../../DataDefine/sourceData';
import { id_split } from '../../../../DataDefine/sourceData';
import { unf_style_keyVal } from './DataDefine/sourceData';
onMounted(() => {
  init_unf_style();
});
</script>

<style scoped lang="scss"></style>

<style></style>
